<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>媒体-MediaDemo</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
</head>
<body style="margin: 10px 0;">
    <div class="container">
        <div class="media">
            <a href="#" class="media-left">
                <img src="../img/栅格参数.jpg" height="64px" width="64px" alt="">
            </a>
            <div class="media-body">
                <h4 class="media-heading">
                    栅格参数
                </h4>
                <p>
                    简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                    简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                    简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                    简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                    简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                </p>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="media">
            <a href="#" class="media-left">
                <img src="../img/栅格参数.jpg" height="64px" width="64px" alt="">
            </a>
            <div class="media-body">
                <h4 class="media-heading">
                    栅格参数
                </h4>
                <p>
                    简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                    简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                    简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                    简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                    简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                </p>
                <div class="media">
                    <div class="media-body">
                        <h4 class="media-heading">
                            栅格参数
                        </h4>
                        <p>
                            简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                            简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                            简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                            简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                            简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                        </p>
                    </div>
                    <a href="#" class="media-right">
                        <img src="../img/栅格参数.jpg" height="64px" width="64px" alt="">
                    </a>
                </div>
            </div>

        </div>
    </div>
    <div class="container">
        <ul class="media-list">
            <li class="media">
                <a href="#" class="media-left">
                    <img src="../img/栅格参数.jpg" height="64px" width="64px" alt="">
                </a>
                <div class="media-body">
                    <h4 class="media-heading">
                        栅格参数
                    </h4>
                    <p>
                        简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                        简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                        简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                        简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                        简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                    </p>
                </div>
            </li>

            <li class="media">
                <a href="#" class="media-left">
                    <img src="../img/栅格参数.jpg" height="64px" width="64px" alt="">
                </a>
                <div class="media-body">
                    <h4 class="media-heading">
                    栅格参数
                </h4>
                <p>
                    简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                    简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                    简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                    简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                    简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                </p>
                </div>
            </li>
        </ul>
    </div>
</body>
</html>